<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!-- 引入 Bootstrap -->
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<title>安排维修组长</title>
<style>
/*header的样式*/
.header{
	height:50dp;
	background:#ddd;
	
}
/*容器的样式*/
.container
{
	background:#fff;
	margin-top:30dp;
	height:500px;
}
/*footer的样式*/
div#footer {
    clear: both;
    padding-top: 16px;
    width: 100%;
    line-height: 24px;
    font-family: PingFangSC-Regular, 微软雅黑, Verdana, Arial, 宋体;

    background-color:f9f9f9;
	bottom:20px;
}
</style>
</head>

<body>
<div class="header">
<h1>某高校后勤管理</h1>
</div>
<div class="container">
	<div >报修一
            </div>
            <div >
            	<span>报修人：张一 </span><span style="margin-left:40px">报修时间：2018/1/1</span><span style="margin-left:40px">报修地址：xxx</span>
            </div>
            <div>
            	问题描述：&nbsp;&nbsp;的方式是的嘎嘎嘎
            </div>
	<div>
                <div class="form-group">
    				<label for="name">维修组长</label>
    				<select class="form-control">
      					<option>1</option>
     					<option>2</option>
     				    <option>3</option>
      					<option>4</option>
      					<option>5</option>
    				</select>
           	  </div>
              	<input type="button" class="btn btn-primary btn-lg btn-block" value="确定" onClick="check()"/>
        </div>


</div>
<div id="footer">
<p id="p1">
某高校后勤管理用于学习
</p>

<p id="p2">
使用条款和隐私条款。版权所有，保留一切权利。
赞助商：<a href="">某公司</a>。

</p>
</div>
</body>
<script>
//加载页面
var id="";
$().ready(function()
{
	//获取维修id
	var str=window.location.search;   //location.search是从当前URL的?号开始的字符串
	var pos_start=str.indexOf(weixiu_id)+weixiu_id.length+1;  //解析获取值   
    var pos_end=str.indexOf("&",pos_start);        
    if (pos_end==-1){           
    	alert( str.substring(pos_start));  //输出     
		id=str.substring(pos_start);
    }
    else{           
    	alert("没有此值~~");    
    }  
	$.post("/ulms_project/repair/repair_detail",{user_id:id},function(data)
	{
		var str=
        		'<div >'+data.describe+
            	'</div>'+
            	'<div >'+
            	'<span>报修人：'+this.name+' </span><span style="margin-left:40px">报修时间：'+data.time+'</span><span style="margin-left:40px">报修地址'+data.address+'</span>'+
           	 	'</div>'+
            	'<div>'+
            	'问题描述：'+data.describe+
           		 '</div>'+
				'<div>'+
                '<div class="form-group">'+
    				'<label for="name">维修组长</label>'+
    				'<select id="zuZhang" class="form-control">'+
    				'</select>'+
           	  '</div>'+
              	'<input type="button" class="btn btn-primary btn-lg btn-block" value="确定" onClick="check()"/>'+
        '</div>'		
	});
});

//获取维修组长并设置到select中去

$("#zuZhang").focus(function zuZhang()
{
	//获取维修组长
	$.post("/ulms_project/repair",function(data)
	{
		var str="";
		$(data).each(function()
		{
			str+='<option matainer_id='+this.id+'>'+this.name+'</option>';
		});
		$("#zuZhang").html(str);
	});
});
function check()
{
	//获取需要提交的信息
	var weixiu_id=id;
	var matainer_id=$("#zuZhang option:selected").matainer_id;
	$.post("/ulms_project/repair",{weixiu_id:weixiu_id,matainer_id:mainter_id},function(data)
	{
			alert("安排维修人员成功");
	});

}
</script>

</html>
